<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="../css/MyShare.css">
    <script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type="text/javascript" src = "../js/utils.js"></script>
    <script type="text/javascript" src = "../js/vue.js"></script>




  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
            <div id="share_image">
                <img src="../images/Myimg.png" style="margin-left:25px; margin-top:15px;">
            </div>
            <div id="share_body">
                <label id="null_share">您暂时没有分享</label>
                <label id="try_share">快去分享吧</label>
            </div>
            <div class="content infinite-scroll" data-distance="100" style="display:none" >
                <div class="card" style="margin:0;">
                    <div class="list-block media-list">
                        <ul id="J_serverList" class="list-container">
                            <li  class="item-content" id="iden" style="background:#f4f6f7;border-bottom:1px solid #dfe5ee"><div class="item-media"><img width="60" height="80" v-for="item in data" v-bind:src="item.eImageUrl"></div><div class="item-inner"><div class="item-title" style="font-size:1em;;margin-top:0;" v-for="item in data">{{item.eBookName}}</div><div class="item-subtitle" style="font-size:0.7em;color:orange;overflow:hidden"></div><div class="item-subtitle" style="font-size:0.7em;margin-top:10px" v-for="item in data">{{item.eBookReading}}</div></div>
                            </li>
                        </ul>
                    </div>
                </div>
        
            </div>
                
        </div>
    </div>

    <script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript">
        var phonenumber = localStorage.getItem("phonenumber")
        AjaxIO.post('/getCollection',{phonenumber:phonenumber},function(results){
            if (results.length != 0) {
                $('#share_image').remove()
                $('#share_body').remove()
                $('.content').attr('style', 'display:block');
                new Vue ({
                    el: '#J_serverList',
                    data: results.data.bookList
                })  

            }
        })
    </script>
  </body>
</html>